<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体复合属性</title>
    <style>
        /* 想要把div文字倾斜、加粗、字号设置为16像素 并且是微软雅黑 */
        div{
            font-style: italic;
            font-weight: 700;
            font-size: 16px;
            font-family: 'Microsoft yahei';
        }
        p{
            font: italic 700 16px 'Microsoft yahei';
        }
        em {
            font:20px '黑体';
        }
    </style>
</head>
<body>
    <p>此行为复合式：想要把文字倾斜、加粗、字号设置为16像素 并且是微软雅黑 font:italic 700 16px 'Microsoft yahei'</p>
    <p><em>此行为复合式：不想把文字倾斜、也不加粗、字号设置为20像素 并且是黑体 font:20px '黑体'</em></p>
    <div>本行非复合式：想要把文字倾斜、加粗、字号设置为16像素 并且是微软雅黑</div>
</body>
</html>